<template >
    <el-header style="background:#002855">
        <span>禧悦辰光酒店</span>
        <div>
            <div class="a"><img src="../images/icon11.png" alt=""> 帮助学习</div>
            <div class="b">消息中心</div>
            <div class="c">在线咨询</div>
        </div>
    </el-header>
</template>

<style lang="less" scoped>
//弹性盒子
.el-header {
    display: flex;
    justify-content: space-between;

    //酒店名
    span {
        display: block;
        font-size: 22px;
        color: #EAEBEC;
        padding: 14px;
    }

    //大盒子
    div {
        width: 175px;
        height: 48px;
        background-color: pink;
        margin: 6px 0px;
    }
}
</style>